
    <ion-view view-title="搜索">
        <ion-nav-buttons side="left">
            <a class="button button-icon icon ion-ios-arrow-left" href="#/tab/home">
            </a>
        </ion-nav-buttons>
        <ion-content class="shadowBackground">
           <div class="storeBg" >
               <img src="img/banner1.png" style="width: 100%;position: absolute;z-index: 1;height: 120px">
               <div style="position: absolute;z-index: 1111;background: rgba(0,0,0,0.5);width: 100%;height: 120px">
                   <div style="position: absolute;top: 72px;width: 100%;height: 48px">
                       <div class="row noPad" style="color: white">
                           <div style="height: 48px;float: left">
                               <img src="img/home/search/store1.jpg" style="height: 48px">
                           </div>
                           <div class="col col-center" style="padding: 0 5px">
                               <div style="font-size: 14px">酷微手机数码专营店</div>
                               <div style="font-size: 12px">
                                   <span>
                                       <img src="img/home/search/store2.jpg" style="height: 12px">
                                   </span>
                                   <span style="margin-left: 5px;vertical-align: text-bottom">评分4.7分</span>
                               </div>
                           </div>
                           <div class="col col-center" style="padding: 0 5px;font-size: 14px">
                               <div class="row noPad"style="text-align: center">
                                   <div class="col noPad" style="border-right: 1px solid rgb(255,255,255)">
                                       <div>10802</div>
                                       <div>人在卖</div>
                                   </div>
                                   <div class="col noPad">
                                       <div>5572</div>
                                       <div>人关注</div>
                                   </div>
                                   <div class="col noPad" style="background: rgb(254,114,73)">
                                       <div style="height: 18px">
                                           <img src="img/icon/attention.jpg" style="vertical-align: bottom;height: 18px">
                                       </div>
                                       <div style="font-size: 12px;">关注</div>
                                   </div>
                               </div>
                           </div>
                       </div>

                   </div>
               </div>
           </div>
           <div class="row noPad" style="background: white; text-align: center;margin-bottom: 10px" >
               <div class="col horizontalPad_10" style="margin: 0 12px" ng-class="{'storeHover':storeIndex===0}" ng-click="showStoreType(0)">
                   <div><img src="img/icon/store.jpg"style="width: 30px" ></div>
                   <div>店铺首页</div>
               </div>
               <div class="col horizontalPad_10" style="margin: 0 12px" ng-class="{'storeHover':storeIndex===1}" ng-click="showStoreType(1)">
                   <div><img src="img/icon/goods.jpg"style="width: 30px" ></div>
                   <div>全部商品</div>
               </div>
               <div class="col horizontalPad_10" style="margin: 0 12px" ng-class="{'storeHover':storeIndex===2}" ng-click="showStoreType(2)">
                   <div><img src="img/icon/new.jpg"style="width: 30px" ></div>
                   <div>新品上架</div>
               </div>
               <div class="col horizontalPad_10" style="margin: 0 12px" ng-class="{'storeHover':storeIndex===3}" ng-click="showStoreType(3)">
                   <div><img src="img/icon/breif.jpg"style="width: 30px" ></div>
                   <div>店铺简介</div>
               </div>
           </div>
            <div ng-show="storeIndex==0">
                <div style="padding: 15px;font-size: 20px;background: white">热销商品</div>
                <div class="row " style="background: white">
                    <div class="col col-50" style="border: 1px dotted rgb(231,231,231);border-left: 0;border-bottom: 0;">
                        <div>
                            <img src="img/home/search/hotGoods1.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">华为 荣耀 AM110原装线控耳机 荣耀6Plus/p8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">25</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥29</span>
                        </div>
                    </div>
                    <div class="col col-50 " style="border-top: 1px dotted rgb(231,231,231);">
                        <div>
                            <img src="img/home/search/hotGoods2.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">钢化膜玻璃手机贴膜抗蓝光非全屏 适用于华为Mate8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">19</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥20</span>
                        </div>
                    </div>
                </div>
                <div class="row " style="background: white">
                    <div class="col col-50" style="border: 1px dotted rgb(231,231,231);border-left: 0;border-bottom: 0;">
                        <div>
                            <img src="img/home/search/allGoods1.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">华为 荣耀 AM110原装线控耳机 荣耀6Plus/p8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">25</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥29</span>
                        </div>
                    </div>
                    <div class="col col-50 " style="border-top: 1px dotted rgb(231,231,231);">
                        <div>
                            <img src="img/home/search/allGoods2.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">钢化膜玻璃手机贴膜抗蓝光非全屏 适用于华为Mate8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">19</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥20</span>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-show="storeIndex==1">
                <div class="row"  ng-click="goStoreSelect()" style="background: white">
                    <div  class="col-33" style="color: rgb(253,112,80);margin-left: 35px">
                        <span>{{ data.storeSide }}</span>
                        <span class="icon ion-chevron-down"></span>
                    </div>
                    <div style="font-weight: 600">售价</div>
                <ion-radio ng-repeat="item in storeSideList" ng-value="item.value" ng-model="data.storeSide" ng-if="showStoreSelect" ng-click="goStoreSelect()">
                    {{ item.value }}
                </ion-radio>
            </div>
                <div class="row " style="background: white">
                    <div class="col col-50" style="border: 1px dotted rgb(231,231,231);border-left: 0;border-bottom: 0;">
                        <div>
                            <img src="img/home/search/hotGoods1.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">华为 荣耀 AM110原装线控耳机 荣耀6Plus/p8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">25</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥29</span>
                        </div>
                    </div>
                    <div class="col col-50 " style="border-top: 1px dotted rgb(231,231,231);">
                        <div>
                            <img src="img/home/search/hotGoods2.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">钢化膜玻璃手机贴膜抗蓝光非全屏 适用于华为Mate8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">19</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥20</span>
                        </div>
                    </div>
                </div>
                <div class="row " style="background: white">
                    <div class="col col-50" style="border: 1px dotted rgb(231,231,231);border-left: 0;border-bottom: 0;">
                        <div>
                            <img src="img/home/search/allGoods1.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">华为 荣耀 AM110原装线控耳机 荣耀6Plus/p8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">25</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥29</span>
                        </div>
                    </div>
                    <div class="col col-50 " style="border-top: 1px dotted rgb(231,231,231);">
                        <div>
                            <img src="img/home/search/allGoods2.jpg" style="width: 100%">
                        </div>
                        <div class="dot_2" style="border-bottom: 1px dotted rgb(231,231,231);margin-bottom: 10px">钢化膜玻璃手机贴膜抗蓝光非全屏 适用于华为Mate8</div>
                        <div style="margin-bottom: 20px;margin-top: 10px">
                            <span style="color: rgb(229,114,52)">￥</span>
                            <span style="font-size: 20px;color: rgb(229,114,52)">19</span>
                            <span style="font-size: 15px" class="shadowColorThrough">￥20</span>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-show="storeIndex==2">
                <div style="width: 100%">
                    <img src="img/home/search/newGoods.jpg" style="width: 100%">
                </div>
            </div>
            <div ng-show="storeIndex==3">
                <div style="background: white;margin-bottom: 10px">
                    <div class="row">
                        <div class="col col-33" style="color: rgb(167,167,167)">所在地</div>
                        <div class="col" style="font-weight: 600">上海 闸北区</div>
                    </div>
                    <div class="row">
                        <div class="col col-33" style="color: rgb(167,167,167)">开店时间</div>
                        <div class="col" style="font-weight: 600">2015-12-04</div>
                    </div>
                </div>
                <div style="background: white;margin-bottom: 10px">
                    <div class="row">
                        <div class="col col-33" style="color: rgb(167,167,167)">发货速度</div>
                        <div class="col" style="font-weight: 600">4.6</div>
                    </div>
                    <div class="row">
                        <div class="col col-33" style="color: rgb(167,167,167)">服务态度</div>
                        <div class="col" style="font-weight: 600">4.6</div>
                    </div>
                    <div class="row">
                        <div class="col col-33" style="color: rgb(167,167,167)">描述相符</div>
                        <div class="col" style="font-weight: 600">4.6</div>
                    </div>
                </div>
                <div style="background: white;margin-bottom: 10px">
                    <div class="row">
                        <div class="col col-33" style="color: rgb(167,167,167)">认证</div>
                        <div class="col" style="text-align: right">
                            <img src="img/home/search/store2.jpg">
                        </div>
                    </div>
                </div>
                <div class="item item-icon-right noVerticalBorder" style="background: white" >
                    服务电话
                    <p class="item-note icon ion-ios-telephone-outline" style="right: 40px"></p>
                    <i class="icon ion-ios-arrow-right"></i>
                </div>
            </div>

        </ion-content>

    </ion-view>


